<%@ Page Language="C#" MasterPageFile="~/MasterPageMenu.master" AutoEventWireup="true" CodeFile="clienteNuevo.aspx.cs" Inherits="ClienteNuevo" %>
<%@ Register Src="~/UtilWeb/UC/UCManNuevo.ascx" TagName="UCManNuevo" TagPrefix="uc2" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&<%=ManagerConfiguration.getCodeCountryGMaps() %>
"></script>
 <script type="text/javascript" src="<%=Request.ApplicationPath%>/UtilWeb/Script/keydragzoom.js"></script>
 
<script type="text/javascript">
 $(document).ready(function(){   
    $('#mapa').hide();
    $('#iconomapa').toggle( function ( ) {	        
	 
            $('#mapa').show( );
             initialize( );
           }, 
          function () {            
	 
            $('#mapa').hide( ); 
         }
        ); 
  
 });
 
 var map; 
 var puntos =  new Array();
 var marker=null;
 var myLatlng; 
 //var limpio=0;


function initialize() {

  myLatlng = new google.maps.LatLng('<%= latitud  %>' , '<%= longitud %>'); 
    
  var myOptions = {
    zoom: 11,
    mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
    center: myLatlng,
    mapTypeId: google.maps.MapTypeId.ROADMAP
  }

  map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
  map.enableKeyDragZoom(); 
  
    
      
        var latitud1 = trim($('#ctl00_ContentPlaceHolder1_txtLatitud').attr('value'));
        var longitud1 = trim($('#ctl00_ContentPlaceHolder1_txtLongitud').attr('value'));
        
        if(latitud1 == "0") { latitud1 = ""}
        if(longitud1 == "0") { longitud1 = ""}
        
        if(latitud1 != "" &&  longitud1 != ""){
                myLatlng = new google.maps.LatLng(latitud1, longitud1);
                map.setCenter(myLatlng, 11);
                marker = new google.maps.Marker({
                    position: myLatlng, 
                    map: map,
                    draggable: true
                });
                
         
                google.maps.event.addListener(marker, 'dragend', function(e) {  
                     moverMarker(e.latLng);	
                });
        }
              
         
      
  
  
        google.maps.event.addListener(map, 'click', function(e) {
            
            if (marker == null){  
               placeMarker(e.latLng);	
            }
            google.maps.event.addListener(marker, 'dragend', function(e) {  
                         moverMarker(e.latLng);	
                 });
        });
         
        
}
  
function placeMarker(location) {

      marker = new google.maps.Marker({
          position: location, 
          map: map,
          draggable: true
      }); 

      moverMarker(location);
  
}

function moverMarker(location){
    

     map.setCenter(location);
      puntos = location.toString().split(",");
      var latitud = trim(puntos[0]).substring(1,trim(puntos[0]).length);    
      var longitud = trim(puntos[1]).substring(0,trim(puntos[1]).length - eval(1));  

     
      $('#ctl00_ContentPlaceHolder1_txtLatitud').attr('value',latitud);
      $('#ctl00_ContentPlaceHolder1_txtLongitud').attr('value',longitud);
}

function clean()
{

     $('#ctl00_ContentPlaceHolder1_txtLatitud').attr('value'," ");
     $('#ctl00_ContentPlaceHolder1_txtLongitud').attr('value'," ");
  
}

function trim(str){
                str = str.replace(/^\s*|\s*$/g,"");
                return str;
           }


</script>
</asp:Content>

<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" Runat="Server">

<script type="text/javascript">
    fnMostrarSubMenu('<%=Tarea.JSEncode(URLManager.WEB_MANTENIMIENTO) %>');
    
    fnLinkFoco('link<%=Tarea.JSEncode(URLManager.WEB_CLIENTE) %>'); 
</script>

<div class="container_12 clearfix">     
     
    <uc2:UCManNuevo ID="UCManNuevo1" runat="server" />
      
    <div class="container_12">
        <div class="clear">
            &nbsp;
        </div>
        <div class="grid_12">
             <div class="MensajeMedio">
                    <div class="MensajeArriba">
                        <div class="MensajeAbajo">
                            <p class="clearfix">
                                <span class="MensajeEspecifico"></span><a >
                                    <img src="<%=Request.ApplicationPath + "/Images/bg/cerrar.gif" %>"  class="cierraMensaje" /></a></p>
                        </div>
                    </div>
                </div>
        </div>
        <div class="clear">
            &nbsp;
        </div>
    </div>

    <div class="container_12">
        <div class="clear">
            &nbsp;
        </div>

        <div class="grid_12">
            <div class="gray_box2_middle">
                <div class="gray_box2_top">
                    <div class="gray_box2_top_inner">
                        <div class="padding20">
                            <h3>
                                <asp:Literal ID="litTitulo" runat="server"></asp:Literal>
                            </h3>
                            <span>
                                <%= IdiomaCultura.getMensaje(IdiomaCultura.WEB_MENSAJEOBLIGATORIO) %>
                            </span>
                        </div>
                    </div>
                </div>
                <div class="gray_box2_bottom">
                    <div class="gray_box2_content">
                        <fieldset>
                            <ul class="list_reset list_border">
                                   <li class="clearfix no_border">
                                        <label for="ctl00_ContentPlaceHolder1_txtCodigo">
                                            <%=IdiomaCultura.getMensaje(IdiomaCultura.WEB_CODIGO) %> *
                                        </label>
                                        <input id="txtCodigo" runat="server" maxlength="20" name="txtCodigo"
                                                 style="width: 305px" type="text"    accesskey="C" tabindex="1"/>
                                        <span  id="idlblCodigo" style="color: Red; display: inline;"><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_INGRESEVALOR)%>
                                        </span>                                                 

                                                
                                   </li>
                                   <li class="clearfix no_border">
                                        <label for="ctl00_ContentPlaceHolder1_txtNombre">
                                            <%=IdiomaCultura.getMensaje(IdiomaCultura.WEB_NOMBRE) %> *
                                        </label>
                                        <input id="txtNombre" runat="server" maxlength="50" name="txtNombre" 
                                                style="width: 305px" type="text"  accesskey="N" tabindex="2"/>
                                        <span  id="idlblNombre" style="color: Red; display: inline;"><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_INGRESEVALOR)%>
                                        </span>                                                           
                                    </li>
                                    <li class="clearfix no_border">
                                        <label for="ctl00_ContentPlaceHolder1_txtDireccion">
                                            <%=IdiomaCultura.getMensaje(IdiomaCultura.WEB_DIRECCION) %> *
                                        </label>
                                        <input id="txtDireccion" runat="server" maxlength="100" name="txtDireccion" 
                                                style="width: 305px" type="text"  accesskey="L" tabindex="3" />
                                        <span  id="idlblDireccion" style="color: Red; display: inline;"><%= IdiomaCultura.getMensajeEncodeHTML(IdiomaCultura.WEB_INGRESEVALOR)%>
                                        </span>                                                                                                           
                                     </li >
                                 
                                     <li class="clearfix no_border">    
                                        
                                         <label> <%=IdiomaCultura.getMensaje(IdiomaCultura.WEB_LATITUD) %> </label>                         
                                         <input id="txtLatitud" runat="server" maxlength="100" name="txtLatitud" 
                                                style="width: 305px" type="text"  accesskey="L" tabindex="4" />
                                                
                                          <br /><br />   
                                          <label> <%=IdiomaCultura.getMensaje(IdiomaCultura.WEB_LONGITUD) %> </label>                                           
                                         <input id="txtLongitud" runat="server" maxlength="100" name="txtLongitud" 
                                                style="width: 305px" type="text"  accesskey="L" tabindex="5" />                              
                                     </li> 
                                     <li class="clearfix no_border">
                                        <a href="javascript:clean( );" >
                                         <img  src="<%=Request.ApplicationPath %>/Images/bg/limpiar.jpg" style="border-width:0px; cursor:pointer;" />
                                        </a>
                                        
                                        <a id="iconomapa" >                         
                                            <img  src="<%=Request.ApplicationPath %>/Reporte/Monitoreo/MonUsuario/css/map.JPG" style="border-width:0px; cursor:pointer;" />
                                         </a>  
                                     </li>                                        
                                    
                                     <li id="mapa" class="clearfix no_border">
                                       <div id="map_canvas" style="width:350px; height:250px">  Map  </div>
                                     </li>
                            </ul>
                        </fieldset>
                        <p class="center">  
                            <asp:Button ID="btnGuardar" CssClass="btn_buscar" runat="server" Text="" OnClick="btnGuardar_Click" OnClientClick ="return ValidatorCommonOnSubmit();" TabIndex="8" AccessKey="G"/>&nbsp;&nbsp;
                            <input type="button" class="btn_buscar" value="<%=IdiomaCultura.getMensaje(IdiomaCultura.WEB_VOLVER) %>" tabindex="9" accesskey="A" onclick="location.href='Cliente.aspx'" />
                         </p>
                    </div>
                            <asp:HiddenField ID="hidPk" Value="0" runat="server" />
                            <asp:HiddenField ID="hidMensaje" runat="server" />
                            <asp:HiddenField ID="HidError"  Value="" runat="server" />
                </div>
                <span class="left_top_corner corner">
                </span>
                <span class="right_top_corner corner">
                </span>
            </div>
        </div>
  
    </div>
     
</div>
<div>
</div>
 
 
                         
 <script type="text/javascript">

      //poner las etiquetas
     $('#idlblCodigo').hide();
     
     $('#idlblNombre').hide();
     
     $('#idlblDireccion').hide();
     
     function ValidatorCommonOnSubmit( ){
     
          var flg1 = true;
          var flg2 = true;
          var flg3 = true;
                
          if(trim($('#ctl00_ContentPlaceHolder1_txtCodigo').attr('value')) == '')
          {
            $('#idlblCodigo').show( );
            flg1 = false;
          }
          else
          {
            $('#idlblCodigo').hide( );
          }
          
          if(trim($('#ctl00_ContentPlaceHolder1_txtNombre').attr('value')) == '')
          {
            $('#idlblNombre').show( );
            flg2 = false;
          }
          else
          {
            $('#idlblNombre').hide( );
          }
          
          if(trim($('#ctl00_ContentPlaceHolder1_txtDireccion').attr('value')) == '')
          {
            $('#idlblDireccion').show( );
            flg3 = false;
          }
          else
          {
            $('#idlblDireccion').hide( );
          }
          
          if(flg1 && flg2 && flg3)
          {
            return true;
          }else{
            return false;  
          }
         
        
     }    
    
    
 fnMostrarMensaje();   
    
 function validarPermisoGrabar(){   
    
    if($('#ctl00_ContentPlaceHolder1_hidPk').get(0).value == "0")
    {
            <% if (! RolManager.tienePermisoCrear(URLManager.WEB_CLIENTE)) {%>
                $('#ctl00_ContentPlaceHolder1_btnGuardar').hide();
            <% } %>
    }else{
            
            <% if (! RolManager.tienePermisoEditar(URLManager.WEB_CLIENTE)) {%>
                $('#ctl00_ContentPlaceHolder1_btnGuardar').hide();
            <% } %>
    }
    
  }
  
  validarPermisoGrabar();
    
 </script>

</asp:Content>

